@charset "utf-8";
/* CSS Document */
body{ 
  width:100%;
  padding:0; 
  margin:0; 
  background:#fff; 
  overflow-x:hidden;
  color:#fff; 
  font-family: 'Poppins', sans-serif;
}

a{ 
  display:inline-block;
  text-decoration:none;
  padding:0; 
  margin:0; 
  transition:all 500ms ease-in-out;
}

a:focus, a:hover{ 
  outline:none; 
  text-decoration:none; 
}

h1, h2, h3, h4, h5, h6{
  margin:0;
  padding:0;
}

ul,li{ 
  padding:0; 
  margin:0; 
  list-style:none; 
}

button:focus{
  outline:none;
}

img{
  max-width:100%;
  height:auto;
}

/* ===== common css ====== */
.common_btn{
  font-family: 'Poppins', sans-serif;
  font-size:15px;
  color:#fff;
  line-height:17px;
  background:#15abe4;
  padding:14px 20px;
  position:relative;
  z-index:999;
}

.common_btn:before,
.common_btn2:before{
  content:"";
  position:absolute;
  width:0;
  height:0;
  background:#6d9b4a;
  left:0;
  bottom:0;
  transition:all 500ms ease-in-out;
  z-index:-1;
}

.common_btn:hover:before,
.common_btn2:hover:before{
  width:100%;
  height:100%;
}

.common_btn:hover,
.common_btn2:hover{
  color:#fff;
}

.common_btn2{
  font-family: 'Poppins', sans-serif;
  font-size:15px;
  color:#fff;
  line-height:17px;
  background:#6d9b4a;
  padding:14px 20px;
  position:relative;
  z-index:999;
}

.common_btn2:before{
  background:#15abe4;
}

.text-common{
  font-size:16px;
  color:#000;
  line-height:26px;
  padding-bottom:20px;
}

/* ===== Header Starts ====== */
.navbar-default{ 
  background:#fff; 
  border:none;
  margin:0;
  padding:15px 0;
  transition:all 600ms ease-in-out; 
}

.hd-logo{
  width:170px;
  transition:all 600ms ease-in-out; 
}

.hd-link ul li{
  display:inline-block;
  margin-right:5px;
}

.hd-link ul li:last-child{
  margin-right:0;
}

.hd-link ul li a{
  font-size:13px;
  color:#1c1c1c;
  line-height:18px;
  font-weight:500;
}

.hd-link ul li.active a,
.hd-link ul li a:hover{
  color:#6d9b4a;
}

@media screen and (min-width:992px){
  .navbar-default.navbar-fixed{
    box-shadow:0 4px 6px rgba(0,0,0,.1);
    padding:10px 0;
  }

  .navbar-default.navbar-fixed .hd-logo{
    width:140px;
  }

}

.home-banner{
  position:relative;
  margin-top:146px;
}

.home-banner .desc{
    position:absolute;
    width:100%;
    left:0;
    bottom:22%;
}

.banner-bg-title{
  font-size:46px;
  line-height:56px;
  padding-bottom:20px;
}

.language-panel,
.translation-agency-panel,
.service-panel,
.professional-agency-panel,
.work-panel,
.testimonial-panel{
  padding:60px 0;
}

.language-sm-title,
.translation-sm-title,
.service-sm-title,
.professional-sm-title,
.testimonial-sm-title{
  font-size:22px;
  color:#86ba67;
  line-height:24px;
  font-weight:600;
  padding-bottom:12px;
}

.language-bg-title,
.translation-bg-title,
.service-bg-title,
.professional-bg-title,
.work-bg-title,
.testimonial-bg-title{
  font-size:43px;
  color:#234b62;
  line-height:52px;
  padding-bottom:25px;
}

.language-panel .rt-panel .block,
.professional-agency-content .lower .section{
  margin-bottom:30px;
}

.language-panel .rt-panel .block:last-child,
.professional-agency-content .lower .section:last-child{
  margin-bottom:0;
}

.language-panel .rt-panel .block .icon{
  display:inline-block;
  width:170px;
}

.language-panel .rt-panel .block .text{
  display:inline-block;
  width:72%;
  vertical-align:top;
  padding-left:20px;
}

.language-md-title{
  font-size:16px;
  color:#254d6f;
  line-height:20px;
  font-weight:600;
  padding-top:10px;
}

.translation-agency-panel{
  background:url(../images/agency-bg.jpg) no-repeat center center;
  background-size:cover;
}

.translation-sm-title,
.professional-sm-title,
.testimonial-sm-title{
  color:#18c0ff;
}

.translation-list li{
  display:inline-block;
  width:49%;
  vertical-align:top;
  font-size:16px;
  color:#fff;
  line-height:24px;
  font-weight:500;
  background:url(../images/tick-icon01.png) no-repeat left 4px;
  margin-bottom:15px;
  padding-left:35px;
}

.service-box{
  background:url(../images/service-box-bg.jpg) no-repeat center center;
  background-size:cover;
  box-shadow:0 4px 6px rgba(0,0,0,.2);
  padding:35px;
  position:relative;
  bottom:0;
  transition:all 400ms ease-in-out;
}

.service-box:hover{
  bottom:8px;
}

.service-icon{
  width:90px;
  height:90px;
  line-height:90px;
  background:#b9e9fb;
  border-radius:50%;
  text-align:center;
  margin:0 auto;
}

.service-title,
.work-title{
  font-size:22px;
  color:#294a43;
  line-height:28px;
  font-weight:600;
  padding:16px 0 12px;
}

.service-box a{
  font-size:18px;
  color:#86ba67;
  line-height:20px;
  font-weight:500;
}

.service-box a:hover{
  color:#294a43;
}

.professional-agency-panel{
  background:url(../images/agency-bg02.png) no-repeat center center, #e7fed9;
  background-size:cover;
}

.professional-agency-img{
  z-index:999;
}

.professional-agency-img:before{
  content:"";
  position:absolute;
  width:75%;
  height:110%;
  border:2px solid #2ea7d7;
  left:0;
  top:-5%;
  z-index:-1;
}

.professional-agency-content .section .icon{
  display:inline-block;
}

.professional-agency-content .section .text{
  display:inline-block;
  width:75%;
  vertical-align:top;
  padding-left:15px;
}

.professional-md-title{
  font-size:25px;
  color:#254d6f;
  line-height:32px;
  font-weight:600;
  padding-bottom:12px;
}

.work-box{
  background:#e6fed8;
  min-height:335px;
  padding:30px 20px;
}

.work-box:before{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  border-style:solid;
  border-width:60px 60px 0 0;
  border-color:#86ba67 transparent transparent transparent;
  transform:rotate(0deg);
  left:0;
  top:0;
}

.work-number{
  font-size:20px;
  color:#fff;
  line-height:22px;
  font-weight:700;
  position:absolute;
  left:12px;
  top:6px;
}

.work-title{
  color:#0f98f9;
}

.testimonial-panel{
  background:url(../images/testimonial-bg.jpg) no-repeat center bottom;
  background-size:cover;
}

.testimonial-box{
  padding:35px;
}

.testimonial-box:before{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  border-style:solid;
  border-width:75px 85px 0 0;
  border-color:#01aeee transparent transparent transparent;
  transform:rotate(0deg);
  left:0;
  top:0;
}

.tes-quote-icon{
  position:absolute;
  left:8px;
  top:10px;
}

.client-img img{
  border-radius:50%;
}

.client-name{
  font-size:24px;
  color:#244c69;
  line-height:28px;
  font-weight:700;
  font-style:italic;
}

#footer{
  background:#d7dfdc;
  padding:50px 0 20px;
}

.footer-title{
  display:inline-block;
  font-size:24px;
  color:#244b66;
  line-height:26px;
  font-weight:600;
  border-bottom:4px solid #86ba67;
  margin-bottom:25px;
  padding-bottom:15px;
  position:relative;
}

.footer-title:after{
  content:"";
  position:absolute;
  width:15px;
  height:15px;
  background:#86ba67;
  border-radius:50%;
  left:70%;
  bottom:-9px;
}

.ft-link li{
  line-height:0;
  margin-bottom:10px;
}

.ft-link li:last-child,
.ft-contact li:last-child,
.ft-address li{
  margin-bottom:0;
}

.ft-link li a,
.ft-contact li a,
.ft-address li{
  font-size:16px;
  color:#1c1c1c;
  line-height:18px;
}

.ft-link li a:hover,
.ft-contact li a:hover,
.footer-bottom .text-common a{
  color:#0ab4f1;
}

.ft-sm-title{
  font-size:17px;
  color:#000;
  line-height:20px;
  font-weight:600;
  padding-bottom:10px;
}

.ft-contact li{
  margin-bottom:12px;
}

.ft-contact li span{
    width:16px;
    margin-right:5px;
}

.ft-contact li a{
  font-weight:500;
}

.ft-address li{
  line-height:22px;
  margin-bottom:20px;
}

.ft-address .icon{
  display:inline-block;
}

.ft-address .text{
  display:inline-block;
  width:82%;
  vertical-align:top;
  padding-left:10px;
}

.footer-mid{
  border-top:2px solid #86ba67;
  border-bottom:2px solid #86ba67;
  margin:35px 0 20px;
  padding:15px 0;
}

.footer-mid .text-common{
  color:#0ab4f1;
}

.whatsapp-btn{
  position:fixed;
  right:-45px;
  top:50%;
  background:#fff;
  transform:rotate(90deg);
  padding:10px;
  z-index:99999;
}

.whatsapp-btn a{
    color:#1c1c1c;
    font-weight:500;
}

#back-button {
  display:inline-block;
  background-color:#18c0ff;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  border-radius:50%;
  position:fixed;
  bottom:25px;
  right:25px;
  opacity:0;
  visibility:hidden;
  z-index:1000;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.4);
}

#back-button.show {
  opacity:1;
  visibility:visible;
}

/*[data-animate-in] {*/
/*    opacity: 0;*/
/*    transition: transform 1s ease, opacity 0.8s ease*/
/*}*/

/*[data-animate-in="up"] {*/
/*    transform: translate3d(0, 24px, 0)*/
/*}*/

/*[data-animate-in="left"] {*/
/*    transform: translate3d(-25%, 0, 0)*/
/*}*/

/*[data-animate-in="right"] {*/
/*    transform: translate3d(25%, 0, 0)*/
/*}*/

/*[data-animate-in="down"] {*/
/*    transform: translate3d(0, -24px, 0)*/
/*}*/

/*[data-animate-in="fadeIn"] {*/
/*    transform: translate3d(0, 0, 0)*/
/*}*/

/*[data-animate-in].in-view {*/
/*    opacity: 1;*/
/*    transform: translate3d(0, 0, 0);*/
/*    -webkit-transform: translate3d(0, 0, 0);*/
/*    transition: transform 0.8s ease, opacity 0.6s ease*/
/*}*/

/*.fade-in {*/
/*    opacity: 0;*/
/*    transition: opacity 1s ease*/
/*}*/




/* INNER PAGES */


.inner_page_banner {
	background: url(../images/inner_banner.jpg) no-repeat;
	background-size: cover;
	position: relative;
	margin-top:146px;
	padding: 100px 0;
}
.inner_page_banner:before {
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.inner_page_banner .container {
	position: relative;
	z-index: 9;
}
.inner_banner_heading {
	font-weight: 600;
	font-size: 30px;
}
.inner_page_banner .breadcrumb li{
	color: #15abe4;
	font-weight:600;
}

.inner_page_banner .breadcrumb a,
.inner_page_banner .breadcrumb-item + .breadcrumb-item:before{
    color:#6d9b4a;
}

.inner-list li{
    font-size:16px;
    color:#1c1c1c;
    line-height:24px;
    font-weight:500;
    background:url(../images/tick-icon001.png) no-repeat left 5px;
    margin-bottom:10px;
    padding-left:28px;
}

.inner-list li:last-child{
    margin-bottom:0;
}

.bg-color{
    background:#f8f8f8;
}

.inner_page_container {
	font-size:14px;
}

.inner_page_heading {
	color: #222;
	font-weight: 700;
	font-size:38px;
	position: relative;
	padding-bottom: 18px;
	line-height:45px;
}

.inner_page_heading strong {
	color: #234b62;
	font-weight: 700;
}
.inner_page_heading:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 60px;
	border-bottom: 3px solid #86ba67;
}
.centered_heading:before {
	left: 50%;
	transform: translate(-50%, 0);
}

.inner_page_heading.line-center:before{
    right:0;
    margin:0 auto;
}

.contact_page_info .icon{
    display:inline-block;
    width:75px;
    height:75px;
    line-height:75px;
    background:#15abe4;
    border-radius:50%;
    text-align:center;
}

.contact_page_info .text{
    display:inline-block;
    width:75%;
    vertical-align:middle;
    padding-left:12px;
}

.contact-title{
    font-size:22px;
    color:#234b62;
    line-height:26px;
    font-weight:600;
}

.contact-main{
    font-size:17px;
    color:#000;
    line-height:22px;
    font-weight:500;
}

.contact-main a{
    color:#000;
}

.contact-main a:hover{
    color:#86ba67;
}

.contact_form .block{
    margin-bottom:15px;
}

.contact_form .checkout_form_label{
    font-size:17px;
    color:#000;
    line-height:20px;
    font-weight:500;
    padding:0 0 10px;
}

.contact_form .form-control{
    height:46px;
    background:none;
    border-radius:0;
    box-shadow:none;
    font-size:16px;
    color:#1c1c1c;
    line-height:20px;
    padding:10px 20px;
}

::placeholder {
  color:#1c1c1c;
  opacity:1;
}

::-ms-input-placeholder {
  color:#1c1c1c;
}

.contact_form select.form-control{
    background:url(../images/down-arrow02.png) no-repeat 96% center;
}

.contact_form textarea.form-control{
    height:105px;
    resize:none;
}

.contact_form .btn{
    font-size:16px;
    color:#fff;
    line-height:18px;
    font-weight:600;
    background:#15abe4;
    border:none;
    border-radius:0;
    box-shadow:none;
    padding:13px 25px;
}

.contact_form .btn:hover{
    background:#6d9b4a;
}

#page_sec,
#total_sec{
    font-size:16px;
    color:#000;
    line-height:20px;
    font-weight:500;
}

#price_sec,
#crosslang_sec,
#urgency_sec{
    font-size:15px;
    color:#1c1c1c;
    line-height:18px;
}

.inner_page_text {
	color: #666;
	margin-top: 20px;
}
.inner_page_subheading {
	color: #231b58;
	font-weight: 600;
	font-size: 20px;
	margin-top: 25px;
}
.about_mid_section {
	background: #edebf7;
	padding: 60px 0;
	margin: 60px 0;
}
.about_mid_box_heading {
	color: #231b58;
	font-weight: 600;
	font-size: 20px;
}
.about_mid_box_text {
	color: #666;
	margin-top: 15px;
}
.inner_page_list ul {
	padding: 0;
	margin: 0;
}
.inner_page_list ul li {
	list-style: none;
	position: relative;
	padding-left: 24px;
	color: #666;
	margin-top: 4px;
}
.inner_page_list ul li strong {
	font-weight: 600;
	color: #555;
}
.inner_page_list ul li:before {
	background: url("../images/check.png") no-repeat;
	background-size: 100%;
	width: 17px;
	height: 17px;
	position: absolute;
	content: "";
	top: 3px;
	left: 0;
}
.about_mid_box {
	margin-top: 30px;
}
.about_mid_box_inner {
	background: #fff;
	min-height: 100%;
	padding: 30px 20px;
}

.translation-table tr td{
    font-size:16px;
    line-height:20px;
    font-weight:500;
}

.inner-title{
    font-size:46px;
    color:#020202;
    line-height:54px;
    font-weight:700;
}

.inner-title strong,
.cta-title strong{
    color:#6d9b4a;
    font-weight:700;
}

.inner-sm-title{
    font-size:24px;
    color:#1c1c1c;
    line-height:32px;
    font-weight:600;
}

.cta-title{
    font-size:36px;
    color:#020202;
    line-height:44px;
}

.cta-title:after{
    content:"";
    position:absolute;
    width:75px;
    height:2px;
    background:#15abe4;
    left:0;
    right:0;
    bottom:0;
    margin:0 auto;
}

.cta-btn{
  left:0;
  bottom:0;
  z-index:999;
}

.cta-btn ul{
	margin-bottom:0;
}

.cta-btn li a{
  display:block;
  font-size:15px;
  color:#fff;
  line-height:17px;
  text-transform:uppercase;
  background:#15abe4;
  padding:15px 20px;
}

.cta-btn li:last-child a{
  background:#6d9b4a;
}

.mobile-menu-icon{
    float:right;
    width:32px;
    line-height:4px;
    padding:0;
    cursor:pointer;
    position:relative;
    text-align:right;
    z-index:9999;
}

.mobile-menu-icon ul li{
    width:100%;
    height:3px;
    background-color:#18c0ff;
    display:inline-block;
    margin:3px auto;
    border-radius:25px;
    transition:all .2s ease-in-out;
}

.mobile-menu-icon ul li:first-child{
    width:80%;
}

.mobile-menu-icon ul li:last-child{
    width:70%;
}

.overlay {
  height:0;
  width:100%;
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  background-color:rgba(0,0,0, 0.95);
  overflow-x:hidden;
  transition:0.5s;
}

.overlay-content {
  position:relative;
  top:0;
  width:100%;
  margin-top:80px;
}

.overlay .closebtn {
  position:absolute;
  top:10px;
  right:10px;
  font-size:45px;
  color:#fff;
  line-height:30px;
  padding:10px;
}

.hd-mobile-link li{
    line-height:0;
    border-bottom:1px solid rgba(255,255,255,.15);
    padding:10px 0;
}

.hd-mobile-link li a{
    display:block;
    font-size:14px;
    color:#fff;
    line-height:16px;
    font-weight:500;
    padding:0 12px;
}

.hd-mobile-link li a:hover{
    color:#6d9b4a;
}

@media screen and (max-width:1366px){
    .work-box{
        min-height:412px;
    }
    
    .ft-contact li a{
        font-size:14px;
    }
    
}

@media screen and (max-width:991px){
    .navbar-default{
        box-shadow:0 4px 6px rgba(0,0,0,.1);
        padding:10px 0;
    }
    
    .hd-logo{
        width:120px;
    }
    
    .home-banner,
    .inner_page_banner{
        margin-top:158px;
    }
    
    .banner-bg-title{
        font-size:40px;
        line-height:48px;
    }
    
    .inner_page_banner{
        padding:60px 0;
    }
    
    .inner_banner_heading{
        font-size:26px;
        line-height:32px;
        padding-bottom:12px;
    }
    
    .inner_page_banner .breadcrumb li{
        font-size:14px;
        line-height:16px;
    }
    
    
    
}

@media screen and (max-width:767px){
    .common_btn,
    .common_btn2,
    .contact_form .btn{
        font-size:14px;
        line-height:16px;
        padding:12px 20px;
    }
    
    .home-banner .desc{
        bottom:10%;
    }
    
    .banner-bg-title{
        font-size:28px;
        line-height:35px;
        padding-bottom:12px;
    }
    
    .text-common{
        font-size:14px;
        line-height:22px;
    }
    
    .language-panel, 
    .translation-agency-panel, 
    .service-panel, 
    .professional-agency-panel, 
    .work-panel, 
    .testimonial-panel{
        padding:35px 0;
    }
    
    .language-sm-title, 
    .translation-sm-title, 
    .service-sm-title, 
    .professional-sm-title, 
    .testimonial-sm-title{
        font-size:16px;
        line-height:22px;
    }
    
    .language-bg-title, 
    .translation-bg-title, 
    .service-bg-title, 
    .professional-bg-title, 
    .work-bg-title, 
    .testimonial-bg-title,
    .inner_page_heading,
    .inner-title,
    .cta-title{
        font-size:26px;
        line-height:32px;
        padding-bottom:18px;
    }
    
    .inner-sm-title{
        font-size:18px;
        line-height:25px;
    }
    
    .inner-list li{
        font-size:14px;
        line-height:22px;
    }
    
    .language-panel .rt-panel .block .icon{
        width:140px;
    }
    
    .professional-md-title{
        font-size:18px;
        line-height:22px;
        padding-bottom:10px;
    }
    
    .translation-list li{
        font-size:15px;
        line-height:22px;
    }
    
    .service-box{
        min-height:390px;
        padding:25px 20px;
    }
    
    .service-title, 
    .work-title{
        font-size:17px;
        line-height:24px;
    }
    
    .service-box a{
        font-size:16px;
        line-height:18px;
    }
    
    .work-box{
        min-height:350px;
    }
    
    .testimonial-box{
        padding:25px;
    }
    
    .client-name{
        font-size:18px;
        line-height:20px;
    }
    
    #footer{
        padding:30px 0 70px;
    }
    
    .ft-logo{
        width:150px;
    }
    
    .footer-title{
        font-size:20px;
        line-height:22px;
    }
    
    .ft-link li a, 
    .ft-contact li a, 
    .ft-address li{
        font-size:14px;
        line-height:16px;
    }
    
    .ft-sm-title{
        font-size:15px;
    }
    
    #back-button{
        right:20px;
        bottom:35px;
    }
    
    .contact_page_info .icon{
        width:65px;
        height:65px;
        line-height:65px;
    }
    
    .contact-title{
        font-size:18px;
        line-height:20px;
    }
    
    .contact-main{
        font-size:15px;
    }
    
    .contact_form .checkout_form_label{
        font-size:15px;
        line-height:17px;
    }
    
    .contact_form .form-control{
        height:42px;
        font-size:14px;
    }
    
    .contact_form textarea.form-control{
        height:85px;
    }
    
    .thank_you_image{
        width:200px;
    }
    
    .translation-table tr td{
        font-size:14px;
        line-height:20px;
    }
    
    
}

@media screen and (max-width:575px){
    .language-panel .rt-panel .block .icon{
        width:100px;
    }
    
    .language-panel .rt-panel .block .text{
        width:68%;
    }
    
    .translation-list li{
        display:block;
        width:100%;
    }
    
    .service-box,
    .work-box{
        min-height:auto;
    }
    
    .translation-table table{
        display:block;
        width:340px;
        overflow-x:scroll;
    }
    
    .home-banner img.big{
        height:300px;
        object-fit:cover;
    }
    
}